@import './animate.less';

@gray:#ddd;
@red:#ed463b;

html{
  background-color: @gray;
  height: 100%;
}
body{
  max-width:1024px;
  margin:0 auto !important;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:20px;
  color:#333;
  background-color: #f9f9f9 !important;
  height: 100%;
  font-family: Arial,Verdana,Sans-serif;
  position: relative;
}


* {
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  box-sizing: border-box;
}
h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea{
  padding: 0;
  margin: 0;
}
li,ol {list-style: none;}
a,img,textarea { border: 0;}
a { text-decoration: none; color:#333;}
::-webkit-input-placeholder {color:#ddd;}
i {display: inline-block;background-size: contain; background-repeat: no-repeat; background-position: center;}

.bdr {border:1Px solid @gray;}
.bdr-l {border-left:1Px solid @gray;}
.bdr-r {border-right:1Px solid @gray;}
.bdr-t {border-top:1Px solid @gray;}
.bdr-b {border-bottom:1Px solid @gray;}

.shadow { box-shadow: 0 0 20Px 0 rgba(0,0,0,0.05);}

/* font-size */
.f0{font-size:0;}
.f34{font-size: 34px;}.f30{font-size: 30px;}.f32{font-size: 32px;}
.f28{font-size: 28px;}.f20{font-size: 20px;}.f24{font-size: 24px;}.f26{font-size: 26px;}
/* margin */
.m0  {margin:0px;} .m5 {margin:5px;} .m10 {margin:10px;} .m15 {margin:15px;} .m20 {margin:20px;} .m25 {margin:25px;} .m30 {margin:30px;}
.mt5 {margin-top:5px;} .mt10 {margin-top: 10px;} .mt15 {margin-top: 10px;} .mt20 {margin-top: 20px;} .mt25 {margin-top: 20px;} .mt30 {margin-top: 30px;}
.ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml25 {margin-left:20px;} .ml30 {margin-left:30px;}
.mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:10px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:20px;} .mb30 {margin-bottom:30px;}
.mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;}
/* padding */
.p0  {padding:0px;} .p5 {padding:5px;} .p10 {padding:10px;} .p15 {padding:15px;} .p20 {padding:20px;} .p25 {padding:25px;} .p30 {padding:30px;}
.pt5 {padding-top: 5px;} .pt10 {padding-top: 10px;} .pt15 {padding-top: 15px;} .pt20 {padding-top: 20px;} .pt25 {padding-top: 25px;} .pt30 {padding-top: 30px;}
.pl5 {padding-left: 5px;} .pl10 {padding-left: 10px;} .pl15 {padding-left: 15px;} .pl20 {padding-left: 20px;}.pl25 {padding-left: 25px;} .pl30 {padding-left: 30px;}
.pb5 {padding-bottom: 5px;} .pb10 {padding-bottom: 10px;} .pb15 {padding-bottom: 15px;} .pb20 {padding-bottom: 20px;} .pb25 {padding-bottom: 25px;} .pb30 {padding-bottom: 30px;}
.pr5 {padding-right: 5px;} .pr10 {padding-right: 10px;} .pr15 {padding-right: 15px;} .pr20 {padding-right: 20px;} .pr25 {padding-right: 25px;} .pr30 {padding-right: 30px;}
.pb75 {padding-bottom: 1rem;}
/*color*/
.c-3 {color:#333;} .c-6 {color:#666;} .c-8 {color:#888;} .c-9 {color:#999;}
.c-rd {color: @red;} .c-bl {color: #0894EC;} .c-wt {color: #FFFFFF;} .c-gr {color: #4CD964;} .c-or {color: #FF6600;}
/* ellipsis */
.ell{text-overflow:ellipsis; white-space:nowrap; word-wrap: normal; overflow:hidden;}
/* align */
.vt {vertical-align: top;}.vb {vertical-align: bottom;}.vm {vertical-align: middle;}
.tc {text-align: center;} .tl {text-align: left;} .tr {text-align: right;}
/*display*/
.dn{display:none;} .di{display:inline;} .db{display:block;} .dib{display:inline-block;}
/*backgroud-color*/
.bg-wt { background-color: #fff; }.bg-gray { background-color: #f9f9f9; }.bg-rd{ background-color: @red;}
.bg-center { background-size: contain; background-repeat: no-repeat; background-position: center;}

/* font-style */
.n{font-weight:400; font-style:normal; white-space: normal;} .b{font-weight:500;}.i{font-style:italic;}.del {text-decoration: line-through;}

/* percent width value */
.pct10{width:10%;} .pct20{width:20%;} .pct25{width:25%;} .pct30{width:30%;} .pct33{width:33.3%;} .pct40{width:40%;} .pct50{width:50%;} .pct60{width:60%;} .pct70{width:70%;} .pct80{width:80%;} .pct90{width:90%;} .pct100{width:100%;}
.rel {position: relative;}.abs {position: absolute;}

.w100 {width: 100px;}

.btn-fixed-bottom {
  position: fixed; padding: 20px;
  left: 0;top: auto;right: 0;bottom: 0;
}
.page-scroll-view{
  position: absolute;
  left: 0;right: 0;
  top: 0;bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.view-box{
  border-top: 1Px solid @gray;
  border-bottom: 1Px solid @gray;
  box-shadow: 0 0 20Px 0 rgba(0,0,0,0.05);
  margin-bottom: 20px;
  background-color: #fff;
}

.list-placeholer-box{
  padding-top:300px;
}

.am-tab-bar-bar{
  z-index: 100;
}
